$(document).ready(function () {

        $('.hidden_child').bind('click',function () {
            // $(this).css({
            //     'transform':'rotate(0deg)'
            // });
            $(this).parent().siblings('div').stop().slideToggle();

        });

         // $('.other_child').bind('mouseenter',function () {
         //     $('.active').removeClass('.active');
         // });

        //预览稿件的点击事件:弹窗和获取input的值
        $('.footer a:first-child').bind('click',function () {
            $('.hidden_div').css({
                'display':'block'
            });
            $('.hidden_div h3v3.bootcss.com').text($('#title').val());
            $('.hidden_div .author').text("作者:"+$('#author').val());
            $('.hidden_div .source').text("封面:"+$('#source').val());
            // console.log($('.hidden_div h3').text());
            $('.hidden_div .zhaiyao').text("摘要:"+$('.myform .abstract textarea').val());
            $('.hidden_div .neirong').text("内容:"+$('.myform .article textarea').val());
        });
        $('.hidden_div .content span').bind('click',function () {
            $('.hidden_div').css({
                'display':'none'
            });
        });

    });
    var hidden_child=document.getElementsByClassName('hidden_child');
    for(var i=0;i<hidden_child.length;i++){
        hidden_child[i].onclick=function () {
             if(this.style.transform=='rotate(90deg)'){
                this.style.transform='rotate(0deg)'
             }else{
                 this.style.transform='rotate(90deg)'
             }
        }
    }

    // var title=document.getElementById('title');
    // var author=document.getElementById('author');
    // var source=document.getElementById('source');
    // var hidden_div=document.getElementsByClassName('hidden_div')[0];
    // var h3=hidden_div.getElementsByTagName('h3')[0];
    // var oAuthor=hidden_div.getElementsByClassName('author')[0];
    // var oSources=hidden_div.getElementsByClassName('source')[0];
    // // alert(title.value);
    // // alert(author.value);
    // // alert(source.value);
    // h3.innerText=title.value;
    // oAuthor.innerText=author.value;
    // oSources.innerText=source.value;
